<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title><%=title%></title>
    <script src="../vue.js"></script>
  </head>
  <style>
    .axa{
      display: none;
    }
  </style>
  <body>
    <div id="app">
      <!-- 返回按钮 -->
      <button :class='str == ""? "axa" : ""'  @click="goBack">返回</button> 

      <!-- <a href="<%= parent %>">[父目录]</a> -->
      <% for(var i=0; i < personInfoList.length; i++) { %>
      <li>
        <a href="<%= directory + '/' +  personInfoList[i] %>">
          <%= personInfoList[i] %>
        </a>
      </li>
      <% } %>
    </div>

    <script>


      // 拿到url / 后面的数据
      var url = window.location.href;
      var index = url.lastIndexOf("\/");
      str = url.substring(index + 1, url.length);
      console.log(str);
       
      // 创建vue实例 放置事件 完成返回功能
      const vm = new Vue({
        el: "#app",
        data: {
          str:this.str  // str放入data 才能做判断
        },
        methods: {
          goBack: function () {
            history.back(-1);
          },
          // go() {
          //   if(str != ''){
          //     button.style.display = 'block'
          //   }
          // },
        },
      });
    </script>
  </body>
</html>
